body {
	font-family: Microsoft YaHei, "微软雅黑", Arial, Helvetica, sans-serif !important;
}

.sline {
	position: absolute;
	right: 0;
	top: 62px;
	z-index: -1;
	height: 1px;
	width: 100%;
	background: linear-gradient(to right, rgba(9, 46, 71, 0.2), rgba(1, 225, 250, 1), rgba(9, 46, 71, 0.2));
}

.main {
	position: absolute;
	width: 100%;
	height: 100%;
	.main-header-con {
		height: 101px;
		background-color: #fff;
	}
	div.single-page-con {
		top: 103px;
	}
	.main-breadcrumb {
		padding-top: 9px;
	}
	.unlock-con {
		width: 0px;
		height: 0px;
		position: absolute;
		left: 50%;
		top: 50%;
		z-index: 11000;
	}
	.sidebar-menu-con {
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 21;
		transition: width .3s;
		.ivu-dropdown-rel {
			button {
				outline: none;
				box-shadow: none;
			}
		}
	}
	.layout-text {
		display: inline-block;
		white-space: nowrap;
		position: absolute;
	}
	.main-hide-text .layout-text {
		display: none;
	}
	&-content-container {
		position: relative;
	}
	&-header-con {
		box-sizing: border-box;
		position: fixed;
		display: block;
		padding-left: 200px;
		width: 100%;
		height: 100px;
		z-index: 20;
		box-shadow: 0 2px 1px 1px rgba(100, 100, 100, .1);
		transition: padding .3s;
	}
	&-breadcrumb {
		padding: 8px 15px 0;
	}
	&-menu-left {
		background: #464c5b;
		height: 100%;
	}
	.tags-con {
		height: 40px;
		z-index: -1;
		overflow: hidden;
		background: #f0f0f0;
		.tags-outer-scroll-con {
			position: relative;
			box-sizing: border-box;
			padding-right: 120px;
			width: 100%;
			height: 100%;
			.tags-inner-scroll-body {
				position: absolute;
				padding: 2px 10px;
				overflow: visible;
				white-space: nowrap;
				transition: left .3s ease;
			}
			.close-all-tag-con {
				position: absolute;
				right: 0;
				top: 0;
				box-sizing: border-box;
				padding-top: 8px;
				text-align: center;
				width: 110px;
				height: 100%;
				background: white;
				box-shadow: -3px 0 15px 3px rgba(0, 0, 0, .1);
				z-index: 10;
			}
		}
	}
	&-header {
		height: 65px;
		background: #046dae;
		box-shadow: 0 2px 1px 1px rgba(100, 100, 100, .1);
		position: relative;
		z-index: 11;
		.navicon-con {
			margin: 6px;
			display: inline-block;
		}
		.header-middle-con {
			position: absolute;
			left: 60px;
			top: 0;
			right: 340px;
			bottom: 0;
			padding: 10px;
			overflow: hidden;
		}
		.header-avator-con {
			position: absolute;
			right: 0;
			top: 0;
			height: 100%;
			width: 300px;
			.switch-theme-con {
				display: inline-block;
				width: 40px;
				height: 100%;
			}
			.message-con {
				display: inline-block;
				width: 30px;
				padding: 18px 0;
				text-align: center;
				cursor: pointer;
				i {
					vertical-align: middle;
				}
			}
			.change-skin {
				font-size: 14px;
				font-weight: 500;
				padding-right: 5px;
			}
			.switch-theme {
				height: 100%;
			}
			.user-dropdown {
				&-menu-con {
					position: absolute;
					right: 0;
					top: 0;
					width: 150px;
					height: 100%;
					.main-user-name {
						display: inline-block;
						width: 80px;
						word-break: keep-all;
						white-space: nowrap;
						vertical-align: middle;
						overflow: hidden;
						text-overflow: ellipsis;
						text-align: center;
						color: #FFFFFF;
					}
				}
				&-innercon {
					height: 100%;
					padding-right: 14px;
				}
			}
			.full-screen-btn-con {
				display: inline-block;
				width: 30px;
				padding: 18px 0;
				text-align: center;
				cursor: pointer;
				i {
					vertical-align: middle;
				}
			}
			.lock-screen-btn-con {
				display: inline-block;
				width: 30px;
				padding: 18px 0;
				text-align: center;
				cursor: pointer;
				i {
					vertical-align: middle;
				}
			}
		}
	}
	.single-page-con {
		position: absolute;
		top: 100px;
		right: 0;
		bottom: 0;
		overflow: auto;
		background-color: #F0F0F0;
		z-index: 1;
		transition: left .3s;
		.single-page {
			margin: 10px;
		}
	}
	&-copy {
		text-align: center;
		padding: 10px 0 20px;
		color: #9ea7b4;
	}
	.logo-con {
		padding: 8px;
		text-align: center;
		background: #046dae;
		img {
			height: 44px;
			width: auto;
		}
	}

	.main-hide-text {
		.ivu-dropdown-rel {
			.ivu-icon {
				color: #005790 !important;
			}

		}
	}
	.main-header .header-avator-con .user-dropdown-menu-con {
		width: 190px;
	}
	.user-dropdown-menu-con {
		.ivu-dropdown-rel {
			height: 30px;
			background: #035384;
			width: 120px;
			text-align: center;
			line-height: 30px;
			border-radius: 30px;
			i.ivu-icon {
				color: #fff !important;
				vertical-align: middle;
			}
		}
	}
	.main-header {
		.navicon-con {
			button {
				box-shadow: none;
				outline: none;
			}
		}
	}
	.key-list-title {
		.go-back {
			position: absolute;
			top: 10px;
			right: 18px;
		}
	}
}

.taglist-moving-animation-move {
	transition: transform .3s;
}

.apply-title-btn-wrap {
	float: right;
	margin-top: -67px; position: relative; z-index: 999;
	a {
		margin-left: 15px;
		color: #a3a8b4;
	}
}

.software-down-style {
	.device-img {
		width: 100%;
		height: auto;
		> img {
			float: left;
			display: block;
			width: 100%;
			height: 100%;
		}
		.addSoft {
			float: left;
			width: 400px;
			height: 320px;
			margin-right: 15px;
			margin-bottom: 15px;
			border: 1px dashed #c5c8d1;
			text-align: center;
			border-radius: 6px;
			background: #fff;
			em {
				margin-top: 40px;
				width: 100px;
				height: 100px;
				line-height: 125px;
				background: #f1f2f6;
				border-radius: 50%;
				font-style: normal;
				display: inline-block;
			}
			.softCoin {
				font-size: 50px;
				color: #a3a8b4
			}
			h2 {
				width: 100%;
				line-height: 30px;
				margin-top: 25px;
				font-size: 18px;
				color: #464d5b
			}
			p {
				width: 100%;
				line-height: 30px;
				color: #a3a8b4
			}
		}
	}
	.card-box {
		width: 370px;
		margin: -24px -10px;
		background: #f7f8fb;
		border-radius: 10px;
		padding: 15px 20px 28px;
		p {
			width: 100%;
			height: 40px;
			line-height: 40px;
			color: #6d7581;
			em {
				display: inline-block;
				color: #464d5b;
				font-style: normal;
			}
			a {
				float: right;
			}
		}
	}
}

.ant-spin {
	width: 100%;
	height: 100%;
	position: absolute !important;
	z-index: 9999;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.65)
}

.ant-form-item-control-wrapper {
	position: relative;
}
.ant-input-disabled{
	color: #c5c8d1 !important;
}
.qrngsInline .ant-form-inline .ant-form-item {
	display: block !important;
}

.ant-layout-sider {
	background: #052b5a !important;
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
	background: #002142 !important;
}
.ant-menu-submenu-title{
	height: 50px !important; line-height: 50px !important; font-size: 16px !important;
}
.ant-menu-dark, .ant-menu-dark .ant-menu-sub {
	color: #afb8d6;
	background: #052b5a !important;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item, .ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title{
	height: 40px !important; line-height: 40px !important; font-size: 15px !important;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected, .ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
	background-color: transparent !important;
	color: #36a3ff !important;
}

.ant-menu-dark .ant-menu-item, .ant-menu-dark .ant-menu-item-group-title, .ant-menu-dark .ant-menu-item > a {
	color: #6d80ac !important;
}

.ant-layout {
	background: #f1f2f6 !important;
	height: 100% !important;
}

.ant-card-bordered {
	border: 1px solid #f1f2f6 !important;
	border-radius: 6px !important;
}

.ant-card-head:before {
	content: '';
	position: absolute;
	left: 0;
	top: 15px;
	width: 3px;
	height: 20px;
	border-radius: 4px;
	background: #419aff;
}

.ant-card-head {
	background: transparent;
	border-bottom: 1px solid transparent !important;
	padding: 0 20px !important;
	min-height: 48px;
}

.ant-card-head-title {
	border-bottom: 1px solid #f5f5f5; padding: 12px 0 !important;
}

.soft_title {
	.ant-card-head-title {
		border-bottom: 0 solid #f5f5f5 !important;
	}
}

p {
	margin-top: 0;
	margin-bottom: 0 !important;
}

@fontMainColor: #419aff;
@fontTextColor: #c5d3e4;

.ant-menu-inline-collapsed > .ant-menu-item .iconfont + span, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .iconfont + span, .ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .iconfont + span, .ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .iconfont + span {
	 max-width: 0;
	display: inline-block;
	opacity: 0;
}
 .ant-menu-item .iconfont + span, .ant-menu-submenu-title .iconfont + span {
			  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
			  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
			  opacity: 1;
		  }

.formSearch{
	min-width: 1100px;
	.ant-input-affix-wrapper .ant-input:not(:last-child) {
		 padding-right:0 !important;
	}
	.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
		border-color:transparent !important;
		border-right-width: 0px !important;
	}
	.ant-input-affix-wrapper .ant-input {
		min-height:37px !important;
	}
	.ant-input-affix-wrapper .ant-input-prefix {
		width:0px;display: none !important;
	}
	.ant-input-affix-wrapper .ant-input:not(:first-child) {
		padding-left: 11px !important;
		padding-right: 28px !important;
	}
	.ant-form-inline {
		text-align: left;
		.ant-form-item {
			margin-bottom: 8px !important;
		}
	}
}
.formSearch, .modelSearch ,.onePageMsg{
	.ant-select-selection--multiple .ant-select-selection__choice__remove {
		color: @fontMainColor;
	}
	.ant-calendar-range-picker-separator {
		/*color: #e4eef8;*/
	}
	.ant-form-inline {
		text-align: left;
		.ant-form-item {
			margin-bottom: 24px;
			margin-right: 45px;
			.ant-form-item-control-wrapper {
				display: inline-block;
				vertical-align: middle;
			}

			> .ant-form-item-label {
				line-height: 37px;
				padding-right: 8px;
				width: auto;
				label {
					color: #e4eef8;
				}
			}
		}
	}
	.customformItem {
		width: 400px !important;
	}
	.table-page-search-submitButtons {
		display: inline-block;
		text-align: left;
		margin-bottom: 24px;
		white-space: nowrap;
	}

	.ant-select-selection {
		background: #f1f2f6;
		border-color: transparent;
		color: #464d5b;
		text-align: right;
		line-height: 37px;
		min-height: 37px;
	}
	.ant-select-selection__rendered {
		line-height: 37px !important;
		min-height: 37px;
	}
	.ant-select-arrow {
		text-rendering: optimizeLegibility;
	}
	.ant-select-open .ant-select-selection {
		border-color: transparent !important;
	}
	.ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active {
		border-color: transparent !important;
		outline: 0;
		-webkit-box-shadow: 0 0 0 2px transparent !important;
		box-shadow: 0 0 0 2px transparent !important;
		border-right-width: 0 !important;
	}
	.ant-select-selection:hover {
		border-color: transparent !important;
		border-right-width: 0 !important;
	}
	.ant-form-item-with-help{
		margin-bottom: 1px !important;
	}
	.ant-form-explain {
		font-size: 14px !important;
		height:23px; line-height: 23px !important; padding: 0; margin: 0;
	}
	.ant-form-extra {
		font-size: 14px !important; color: red; clear: none !important;
		height:24px; line-height: 23px !important; padding: 0; margin: 0
	}
}

.ant-form-item {
	margin-bottom: 24px;
	> .ant-form-item-label {
		line-height: 37px;
		padding-right: 8px;
		label {
			color: #e4eef8;
		}
	}
	.ant-form-item-control {
		line-height: 37px;
		border-radius: 0;
		border: 1px solid transparent;
		text-align: left;
		padding-right: 0px;
		color: #464d5b;
	}
	.ant-input, .ant-input-number,.ant-input-number-input {
		background: #f1f2f6;
		border-color: transparent;
		color: #464d5b;
		float: left;
		line-height: 37px;
		min-height: 37px;
	}
	.ant-input-number{
		min-height: 40px !important;
	}
	.ant-input-number-focused, .ant-input-number:hover, .ant-input:hover, .ant-input-focused, .ant-input:focus, .ant-input:active {
		border-color: transparent;
		border-radius: 0;
		box-shadow: 0 0 0 0 transparent;
	}
	.ant-calendar-picker-input,.ant-time-picker-input{
		height: 37px; line-height: 37px; padding: 0 0 0 10px;
	}
	.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled),.ant-time-picker-input:hover {
		border-color: transparent !important;
	}
	.ant-time-picker-input:focus {
		border-color: transparent !important;
		outline: 0;
		-webkit-box-shadow:none !important;
		box-shadow:none !important;
		border-right-width: 0px !important;
	}
	.ant-time-picker-input {
		position: relative;
		display: inline-block;
		color: #6d7581;
		background: #f1f2f6 !important;
		border: 0px solid transparent;
	}
	.ant-calendar-picker-clear{
		background: #f1f2f6 !important;
	}
}
.ant-time-picker-panel-inner{
	top:2px;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
	max-width: 162px !important;
}
.ant-time-picker-panel-select {
	width: 81px !important;
}
.ant-time-picker-panel-input,.ant-time-picker-panel-input-wrap{
	background: #f1f2f6 !important;
}
.ant-btn{
	height: 37px !important; line-height: 37px !important;
}
.ant-input-number-handler-wrap{
	display: none;
}
.ant-select-selection__clear{
	background: #f1f2f6 !important;
}
.ant-radio-inner {
	border-color: #6d7581;
	background-color: #fff;
}

.ant-input-number-disabled .ant-input-number-input {
	cursor: not-allowed;
	color: #c5c8d1 !important;
}
.ant-calendar-input {
	background: #f1f2f6 !important;
}

.ant-calendar {
	border: 1px solid #f1f2f6  !important;
	margin-top: 3px;
}
.ant-calendar-input-wrap {
	height: 36px !important; line-height: 28px !important;;
	padding: 4px 10px !important;
	border-bottom: 0 solid #e8e8e8 !important;
	background: #f1f2f6 !important;
}

.ant-calendar-range-picker-separator {
	color: #e4eef8;
}

.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
	background: transparent !important;
}

.ant-tree-treenode-switcher-close:hover, .ant-tree-treenode-selected {
	background: #f1f2f6
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
	background-color: #f1f2f6 !important;
}
.ant-tree-child-tree > li:first-child {
	padding-top: 8px !important;
}
.ant-tree li{
	padding: 6px 0 !important;
}
.resourceTree{
	.ant-tree-treenode-switcher-close:hover, .ant-tree-treenode-selected {
		background: transparent !important;
	}
	.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
		background-color: transparent !important;
		.ant-tree-title{ color: #419aff !important;}
		.file{ color: #419aff !important;}
	}
}
.customformItem {
	width: 400px !important;
}

.rowClass{
	margin-bottom: 10px;
	em{ font-style: normal; display: inline-block; margin-right: 5px;}
}
.cardRight{
	 position: absolute;; right: 10px; top: 10px
}
.table-page-search-submitButtons {
	display: inline-block;
	text-align: left;
	margin-bottom: 24px;
	white-space: nowrap;
}

.ant-select-selection {
	background-color: transparent;
	border-color: transparent;
	color: @fontMainColor;
	text-align: right;
}

.ant-select-arrow {
	text-rendering: optimizeLegibility;
	color: @fontMainColor;
}

.ant-select-open .ant-select-selection {
	border-color: transparent !important;
}

.ant-card-body {
	padding: 18px 32px 0 !important;
}

.ant-select-focused {
	border-color: transparent !important;
}

.ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active {
	border-color: transparent !important;
	outline: 0;
	-webkit-box-shadow: 0 0 0 2px #f1f2f6;
	box-shadow: 0 0 0 2px #f1f2f6;
	border-right-width: 0px !important;
}

.ant-select-dropdown {
	box-shadow: 0 0px 5px #f1f2f6 !important;
}

.ant-form-item-label label {
	color: #6d7581 !important;
}

/*列表样式管理*/
.commonStyle {
	width: 100%; min-width: 1100px;
	background: #fff;
	min-height: 610px;
	padding: 15px 24px 10px;
	position: relative;
	height:auto;
	overflow: hidden;
	border-radius: 6px;
	.commonTit {
		width: 100%;
		background: transparent;
		border-bottom: 1px solid #f5f5f5;
		font-size: 18px;
		color: #464d5b;
		font-weight: 500;
		margin-bottom: 20px;
		height: 45px;
		line-height: 25px;
		.commonTitAdd {
			float: right;
			button {
				margin-left: 15px
			}
		}
		&:before {
			content: '';
			position: absolute;
			left: 0;
			top: 18px;
			width: 3px;
			height: 22px;
			border-radius: 4px;
			background: #419aff;
		}
	}
	.table-operator {
		margin-bottom: 18px;
		button {
			margin-right: 8px;
		}
	}
	.table-operation,
	.table-operation-box {
		a {
			margin-right: 17px;
			color: #419aff;
		}
		.adel {
			color: #ff4d4f;
		}
		.adel:hover {
			color: #ffa5a6;
		}
		a:hover {
			color: #0c89e8;
		}
	}
	.table-operation-box {
		a {
			margin-right: 10px !important;
		}
	}
	.ant-table {
		color: #6d7581;
		.ant-table-thead > tr > th {
			background: #f3f4f7;
			color: #464d5b;
			font-size: 16px;
			font-weight: 500;
			border-top: 0px solid #dfe4ed;
			border-bottom: 0px solid #dfe4ed;    padding: 12px 14px;
		}
		.ant-table-expanded-row-level-1 {
			background: #f9f9f9;
		}
		.ant-table-tbody {
			tr:nth-child(even) {
				background: #f7f8fb;
			}
			tr {
				td {
					border-bottom: 1px solid #f3f4f7;     padding: 10px 14px;
				}
			}
			tr.ant-table-expanded-row,
			tr.ant-table-expanded-row:hover {
				background: #f9fafe;
				border: 0 solid rgba(0, 164, 255, 0.35);
			}
			tr.ant-table-expanded-row td > .ant-table-wrapper {
				margin: -16px -16px -17px -126px;
				//padding-bottom: 1px;
				.ant-table {
					border: 0 solid transparent;
					border-bottom: 1px solid #dfe4ed;
				}
				.ant-table-thead > tr > th {
					background: #f9fafe;
					color: @fontTextColor;
					font-size: 14px;
					font-weight: bold;
					border: 0 solid transparent;
				}
				.ant-table-tbody {
					tr {
						background: #f9fafe;
						td {
							border-bottom: none;
						}
					}
				}
			}
		}
		.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
		.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td,
		.ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td,
		.ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td {
			background: #eaf3fe !important;
		}
	}
	.commonTitle {
		width: 100%;
		height: 48px;
		line-height: 30px;
		border-bottom: 1px solid #f5f5f5;
		font-size: 18px;
		color: #464d5b;
		font-weight: 500;
		margin-bottom: 20px;
		text-align: center;
	}
}

.ant-pagination {
	float: right;
}

.ant-pagination-options-quick-jumper {
	display: inline-block;
	vertical-align: top;
	height: 32px;
	line-height: 32px;
	float: right;
	margin-top: 15px !important;
	margin-bottom: 0px  !important;
	margin-left: 20px;
}

.ant-pagination-options-quick-jumper input {
	background: #f1f2f6 !important;
	color: #419aff !important;
	border: 0px solid rgba(191, 191, 191, 0.3) !important;
}
.ant-pagination-item{
	border-width:0 !important;
	margin-right: 2px !important;
}
.ant-pagination-options-quick-jumper input:focus, .ant-pagination-options-quick-jumper input:hover {
	border-color: #f1f2f6 !important;
	outline: 0;
	-webkit-box-shadow:none  !important;
	box-shadow:none  !important;
	border-right-width: 0 !important;
}
.ant-select-selection {
	background-color: #f1f2f6 !important;
	border-radius: 2px;
	border: 1px solid #f1f2f6 !important;
	color: #6d7581 !important;
}
.ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active {
	 -webkit-box-shadow: none  !important;
	 box-shadow: none  !important;
	border-right-width: 0 !important;
}
.pagination-total {
	float: left !important;
	margin-left:20px;
	color: #969ea9;
	display: inline-block;
	vertical-align: top;
	height: 32px;
	line-height: 32px;
	margin-top: 16px;
	span {
		color: @fontMainColor; margin-left: 5px; margin-right: 5px;
	}
}

.ant-select-dropdown-menu-item{ text-align: left !important;}
.ant-select-disabled .ant-select-selection{
	background: #f1f2f6 !important;
	color: #c5c8d1 !important;
}
.ant-tabs-bar {
	border-bottom: 0 solid #e8e8e8 !important;
}

.ant-tabs-nav .ant-tabs-tab-active {
	color: #fefeff !important;
	font-weight: 500;
	background: #419aff !important;
}

.ant-tabs-nav .ant-tabs-tab:active, .ant-tabs-nav .ant-tabs-tab:hover {
	color: #fefeff !important;
	font-weight: 500;
	background: #419aff;
}

.ant-tabs-nav .ant-tabs-tab {
	color: #6d7581;
	font-weight: 500;
	background: #e2e3e7;
	border-radius: 2px;
	margin: 0 1px 0 0 !important;
	padding: 8px 32px !important;
	 -webkit-transition:none !important;
	transition:none !important;
}

.ant-tabs-nav .ant-tabs-tab:last-child{
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.ant-tabs-nav .ant-tabs-tab:first-child{
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.ant-tabs-ink-bar {
	display: none !important;
}

.ant-modal-mask {
	background-color: rgba(27, 34, 45, 0.55) !important;
}

.ant-modal-content {
	padding: 0 18px;
}

.ant-modal-header {
	color: #464d5b !important;
	border-bottom: 1px solid #f5f5f5 !important;
}

.ant-modal-footer {
	border-top: 1px solid #f5f5f5 !important;
}

.ant-modal-header:before {
	content: '';
	position: absolute;
	left: 18px;
	top: 18px;
	width: 3px;
	height: 22px;
	border-radius: 6px;
	background: #419aff;
}

.returnUpBack {
	width: 100%;
	margin-top: -50px;
	height: 50px;
	line-height: 45px;
	padding-right: 8px;
	a{
		color: #464d5b;
		em{ display: inline-block; float: right; margin-top: 1px; font-size: 20px; margin-right: 8px; color: #6d7581; }
		span{display: inline-block;float: right; }
	}
	a:hover{
		em{color: #419aff;}
	}
	text-align: right;
}

.ant-transfer-list {
	border: 0 solid #d9d9d9 !important;
}

.ant-transfer-list-header {
	width: 100%;
	background: #f1f2f6 !important;
	border-bottom: 0 solid #e8e8e8 !important;
	height: 52px !important;
	line-height: 45px !important;
	overflow: hidden;
}

.ant-transfer-list-body {
	background: #f7f8fb;
	margin-top: 18px;
}

.handFile {
	width: 100%;
	height: auto;
	position: relative;
	a {
		display: inline-block;
		width: 84px;
		margin-left: 15px;
		text-align: center;
		height: 37px; line-height: 37px;
		background: #0f353d;
		position: relative;
		cursor: pointer;
		overflow: hidden;
		color: #c5d3e4;
		border: 0px solid #84a4c9;
		border-radius: 4px;
		input {
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			width: 80px;
		}
	}
	.help-block {
		width: 100%;
		color: red;
		line-height: 18px;
	}
	.ivu-form-item-content{ height: 32px;}
	.ant-form-extra{
		margin-top: -10px !important;
	}
}
.noLabelAfter{
	.ant-form-item-label label:after {
		content: ' ' !important;
	}
	button{ margin-right: 20px}
}
.modalH2{
	padding: 16px 24px;
	border-radius: 2px 2px 0 0;
	background: #fff;
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	font-size: 18px;
	line-height: 22px;
	font-weight: 500;
	color: #464d5b;
	margin: 20px -24px;
	width:1210px; position: relative;
	&:before {
		content: '';
		position: absolute;
		left: 0;
		top: 18px;
		width: 3px;
		height: 22px;
		border-radius: 6px;
		background: #419aff;
	}
}
.algList{
	width: 100%; font-family: "Microsoft YaHei";
	.dNone{display: none}
	.tit{width: 95%; height:60px; margin: 0 auto; line-height: 50px;font-weight: bold; display: none; font-size: 20px; text-align: center; position: relative;
	 span{ display: inline-block; padding:0 50px; background: #fff; position: relative; z-index: 8}
		&::before{
		content: '';
		width: 100%;
		height: 1px;
		background: #f5f5f5;
		position: absolute;
		z-index: 0;
		left: 0;
		top: 25px;

	}}
	dl {
		width: 100%;
		display: inline-block;
		margin-bottom: 0;
		line-height: 30px;
		padding: 0;
		vertical-align: top;
		/*overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;*/
		dt {
			font-weight: bold; list-style: none; font-style: normal; display: inline-block; width: 170px; text-align: right; font-size: 16px;
			vertical-align: top;
		}
		dd{
			display: inline-block; width: calc(100% - 170px);
			span{
				display: inline-block; margin-right: 10px;    min-width: 230px;
			}
			button{
				span{
					min-width:62px !important;
				}
			}
			.allSpan{ width: 100%; }
		}

		.minSpan{max-height: 60px; overflow-y: scroll;}
		a {
			color: #0f253e;
		}
	}
}
.modalDetail {
	width: 100%; font-family: "Microsoft YaHei";
	p {
		width: 100%;
		display: inline-block;
		margin-bottom: 0;
		line-height: 30px;
		padding: 0;
		vertical-align: top;
		/*overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;*/
		em {
			font-weight: bold; list-style: none; font-style: normal; display: inline-block; width: 120px; text-align: right;
			vertical-align: top;
		}
		span{
			display: inline-block; width: calc(100% - 120px);
		}
		.minSpan{max-height: 60px; overflow-y: scroll;line-height: 20px !important;}
		a {
			color: #0f253e;
		}
	}
	.li100 {
		width: 100%;
	}
	.kmrate {
		width: 100%;
		dl {
			line-height: 30px;
			dt {
				width: 150px;
				display: inline-block;
				float: left;
			}
			dd {
				width: 400px;
				display: inline-block;
				height: 30px;
				line-height: 30px;
				span {
					width: 40px;
					display: inline-block;
					text-align: center;
				}
			}
		}
	}
}
/*自定义滚动信息表格样式*/
.soft-total-table-wrap{
	overflow:hidden;
	margin-top:5px;
}
.soft-info-table{
	table-layout:fixed;
	width:100%;
	overflow:auto;
	border-top: none;
	font-size: 14px;
	td{
		height: 30px;
		padding: 6px 10px;
		line-height: 30px;
		box-sizing: border-box;
		text-align: left;
		text-overflow: ellipsis;
		vertical-align: top;
		position: relative;
		background: #fff;
		border-bottom: 1px solid #f3f4f7;
	}
	th{
		height: 1px;
		width:100%;
		white-space: nowrap;
		overflow: hidden;
		background-color: #f3f4f7;
		min-width: 0;
		box-sizing: border-box;
		text-align: left;
		text-overflow: ellipsis;
		vertical-align: middle;
	}
	tr:nth-child(even) {
		background: #f7f8fb;
	}
	tr td:last-child {
		border-right: none;
	}
	tr:last-child td {
		//border-bottom: none;
	}
	.tbinput {
		width: 150px; float: left;
	}
	.handel {
		a {
			margin-left: 10px;
			margin-right: 10px
		}
	}
	.one{
		width:150px;
	}
	.two{
		width:300px;
	}
	.three{
		width:300px;
	}
	.four{
		width:300px;
	}
	.five{width: auto}
	.ivu-input{
		padding: 2px 4px; height: 30px;
	}
}
.soft-table-fix-head{
	position:relative;
	top: 0px;
	z-index: 3;
	table-layout:fixed;
	width: 100%;
	height: 52px;
	thead tr {
		height: 52px;
		overflow: hidden;
		line-height: 50px;
		text-align: center;
	}
	thead tr td {
		background: #f3f4f7;
		height: 50px;
		overflow: hidden;
		line-height: 52px;
		text-align: left;
		padding: 0px 10px 0 10px;
	}
	thead tr td:last-child {
		border-right: none;
	}
	.one{
		width:150px;
	}
	.two{
		width:300px;
	}
	.three{
		width:300px;
	}
	.four{
		width:300px;
	}
	.five{width: auto}
}
.soft-info-table-wrap{
	position:relative;
	max-height:300px;
	margin-top:0px;
	overflow:auto;
}
.ant-table-thead > tr > th .ant-table-column-sorter {
	position: absolute;
	left:90px !important;
}
.ant-badge-not-a-wrapper{
	vertical-align: baseline !important;
}
.bdProcessing{
	.ant-badge-status-text{ color: #1890ff !important;}
}
.overTextShow{
	width:320px; display: block; float:left;overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}
.miaoshu{
	width: 100% !important;
	.ant-form-item-label{ float: left !important;}
	.ant-form-item-control-wrapper{ float: left !important; width:calc(100% - 120px) !important;}
}


.rightMsg{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0 35px 0 10px;
	line-height: 40px;
	background: #FFFBE6;
	margin-bottom: 10px;
	color:#666;
	border:1px solid #fbb62a;
	position: relative;
	.closeMsg{
		position:absolute;
		right: 15px;
		top: 10px;
		color: #fbb62a;
		font-size: 16px;
	}
	a{
		display: inline-block; margin-left: 10px; margin-right: 10px;
		background: #113961; padding: 0px 10px 0px 10px;height: 30px;
		line-height: 30px;
		border-radius: 5px;
	}
	a:hover{
		background: rgba(17,57,97,0.8) !important;
	}
}
/*google和360浏览器滚动条样式*/
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track-piece {
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
	height: 5px;
	background-color: rgba(125, 125, 125, 0.7);
	-webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
	width: 5px;
	background-color: rgba(125, 125, 125, 0.7);
	-webkit-border-radius: 6px;
}
.spinBox{
	 width: 100%; height: 100%;padding-top: 300px; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.2); z-index: 99999999; font-size: 20px;
	text-align: center; color: #fff;

}
.onePageMsg{ width:700px; min-height: 650px}

.ant-radio-button-wrapper:first-child {
	border-radius: 10px 0 0 10px !important;
}
.ant-radio-button-wrapper:last-child {
	border-radius: 0 10px 10px 0 !important;
}
.ant-radio-button-wrapper {
	height: 40px !important;
	line-height: 40px !important;
	color: #464d5b;
	padding: 0 30px !important;
	position: relative;
	 border: 0px solid #d9d9d9 !important;
	margin: 0 2px 0 0 !important;
}
.ant-radio-button-wrapper:hover, .ant-radio-button-wrapper-focused {
	color: #fff !important; background: #419aff;
	position: relative;
}

.indexBox {
	width: 100%;
	font-size: 15px;
	line-height: 1.5;
	border-radius: 6px !important;
	color: #6d7581;
	background: #fff;
	height: auto;
	overflow: hidden;
	padding-bottom: 10px; margin-bottom:15px;
	.indexTitle {
		border-radius: 2px 2px 0 0;
		zoom: 1;
		margin-bottom: -1px;
		min-height: 48px; line-height: 48px;
		font-size: 17px;
		color: #464d5b;
		font-weight: 500;
		padding: 0 20px !important;
		position: relative;
	}
	.indexTitle:before {
		content: '';
		position: absolute;
		left: 0;
		top: 17px;
		width: 3px;
		height: 20px;
		border-radius: 4px;
		background: #419aff;
	}
	.indexForm{
		background: #f2f4f8; width:calc(100% - 30px); border-radius: 10px; margin:5px 15px 15px;
		padding: 18px 0; height: auto; overflow: hidden;
		ul {
			width: 100%;
			padding: 0;
			margin: 0;
			li {
				width: 100%;
				height: 55px;
				line-height: 42px;
				text-align: left;
				list-style: none;
				font-size: 16px; color: #464d5b;
				span {
					display: inline-block;
					width: 120px; float: left;
					text-align: right; font-size: 14px; color: #6d7581;
				}
				p{
					float: left; width: calc(100% - 120px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;
					line-height: 40px;
				}
			}
		}

		.ant-form-item{ margin-bottom: 8px !important;}
	}
	.btn{width:calc(100% - 30px); margin:5px 15px 5px;}
}

.chartItem {
	float: right;
	text-align: right;
	font-size: 12px;
	color: #5f6772;
	margin-top: 5px;
	span{
		display: inline-block;
		em {
			display: inline-block;
			margin-right: 5px;
			margin-left: 30px;
			width: 15px;
			height: 10px;
			border-radius: 3px;
			background: #ffa800;
		}
	}
	span:nth-child(1) {
		em{
			background: #ff8183;
		}
	}
	span:nth-child(2) {
		em{
			background: #419aff;
		}
	}
	span:nth-child(3) {
		em{
			background: #65d6a9;
		}
	}
}
.chart-single-wrap{ width: 100%;}
.chart-top-tip {
	em {
		display: inline-block;
		margin-right: 5px;
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #ff8183;
	}
	/*em:nth-child(1) {
		background: rgba(77,77,77,0.8);
	}
	em:nth-child(2) {
		background: rgba(77,77,77,0.8);
	}*/
	em:last-child {
		background: #57b3f2;
	}
}

.formError{
	.ant-form-item-with-help{
		margin-bottom: 1px !important;
	}
	.ant-form-explain,.ant-form-extra {
		font-size: 14px !important; color: #f5222d !important; position: absolute;
		height:24px; line-height: 23px !important; padding: 0 !important; margin: 0; top:47px;
	}
}

.steps-content{ margin-top: 20px;}

.initDeviceError{
	.ant-form-explain,.ant-form-extra {margin-left: 360px !important;
		margin-top: 6px;
}}

.no-data-container {
	position: relative;
	width: 100%;
	height: 100%;
}
.no-data-container .tips {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


.topDorp{ top :-20px;}
.ant-tooltip{ max-width: 500px !important;}
.textareaHeight{ line-height: 20px !important;}
.ant-select-selection--multiple,.ant-select-selection__placeholder {
	cursor: pointer !important;
}
.tableTemplate {
	width: 640px;
	float: left;
	height: 413px;
	position: relative;
	padding:10px 20px;
	border: 1px dashed #ececec;
	.nextCoin{
		position: absolute;
		left: -20px;
		top:10px;
	}
	.formLabel {
		width: 100%;
		text-align: left;
		line-height: 35px;
		margin-bottom: 10px;
		span {
			margin-right: 4px;
			line-height: 1;
			font-size: 17px;
			color: #f5222d;
		}
		em {
			color: #56a9fa;
			font-weight: bolder;
		}
	}
	.ant-table-header {
		overflow: hidden !important;
	}
	.gy-table {
		border: 1px solid #ececec;
	}
}
@-moz-document url-prefix() {
	.moztable {
		.ant-table-thead > tr > th {
			height: 40px;
			padding-top: 5px !important;
		}
		.ant-table-header {
			margin-bottom: -5px !important;
		}
	}
}
.moztable {
	.ant-table-body {
		overflow-y: auto !important;
		overflow-x: hidden;
	}
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
	max-width: 240px !important;
}
.sysTime{
	.ant-calendar .ant-calendar-ok-btn {
		display: none !important;
	}
}
